<template>
  <div v-if="hero">
    <h2><label>My Hero: </label>{{hero.name.toUpperCase()}}</h2>
    <label>Update name: <input v-model="hero.name"/></label>
  </div>
</template>

<script>
  export default {
    props: ['hero'],
  }
</script>

<style scoped>

</style>
